/<template>
  <div>
      <div class="right">
          <dl v-for="(item,index) in children" :key="index">
                <dt>
                    <img :src="item.img">
                </dt>
                <dd>{{item.name}}</dd>
          </dl>
      </div>
      
  </div>
</template>

<script>
export default {
    props:{
        children:Array
    }
}
</script>

<style>
*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.right{
    float: right;
    width: 320px;
    height: 100%;
    overflow: auto;
}
dl{
        width: 70px;
        height: 100px;
        background-color: rgb(194, 255, 204);
        margin-left: 20px;
        margin-top: 5px;
        float: left;
    }
</style>